<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:ui="http://java.sun.com/jsf/facelets">
  <ui:composition template="/contenido/template.xhtml">  
   <ui:define name="bodyarea">
    <h2>Registro de Notas</h2>
    <form id="frmRegistroNotas">
        <div class="formulario">
	     <h4>Datos </h4>
	     <br></br>     

             <table width="50%" cellspacing="6" border="0">
                 <tr>
                     <td width="20%"><h:outputText id="lblPeriodo" value="Periodo : "/></td>
                     <td width="80%">
                         <h:selectOneMenu id="idPeriodo" value="#{registroNotasBean.periodo}">
                             <f:selectItems value="#{registroNotasBean.listaPeriodos}" />
                             <f:ajax event="click" execute="idPeriodo" listener="#{registroNotasBean.obtenerCarrera}"
                                     render="carrera idCarrera"/>
                        </h:selectOneMenu>

                     </td>
                 </tr>
                 <tr>
                     <td><h:outputText id="lblCarrera" value="Carrera : "/></td>
                     <td>
                         <a4j:outputPanel id="carrera" >
                             <h:selectOneMenu id="idCarrera" value="#{registroNotasBean.carrera}" valueChangeListener="#{registroNotasBean.obtenerCarrera}">
                                <f:selectItems value="#{registroNotasBean.listaCarrera}" />
                                            <a4j:ajax event="valueChange" execute="carrera"
                                                    render="seccion"/>
                            </h:selectOneMenu>                    
                             
                         </a4j:outputPanel>
                     </td>
                 </tr>
                 <tr>
                     <td><h:outputText id="lblSeccion" value="Seccion : "/></td>
                     <td>
                         <a4j:outputPanel id="seccion" >
                            <h:selectOneMenu id="idSeccion" value="#{registroNotasBean.seccion}" valueChangeListener="#{registroNotasBean.obtenerCursos}">
                                <f:selectItems value="#{registroNotasBean.listaSeccion}" />
                                <a4j:ajax event="valueChange" execute="@this" 
                                        render="cursos"/> 
                            </h:selectOneMenu>                             
                         </a4j:outputPanel>   
                     </td>
                 </tr>
                 <tr>
                     <td><h:outputText id="lblCursos" value="Cursos : "/></td>
                     <td>
                         <a4j:outputPanel id="cursos" layout="block" >
                            <h:selectOneMenu id="idCurso" value="#{registroNotasBean.cursos}">
                                <f:selectItems value="#{registroNotasBean.listaCursos}" />
 
                            </h:selectOneMenu>                             
                         </a4j:outputPanel>   
                     </td>
                 </tr>
             </table>
        </div>
        <div>
            <rich:dataScroller id="dtRegistroNotas" maxPages="10" for="dtRegistroNota"
                               renderIfSinglePage="false" render="true"/>
            <rich:dataTable columnClasses="columTable" onrowmousemove="this.style.backgroundColor='#F8F8F8'"
                            onrowmouseout="this.style.backgroundColor='#F8F8F8'" sortMode="single"
                            rows="8" rowClass="odd,even" rowClasses="odd,even" id="dtRegistroNota" 
                            headerClass="headerTable"
                            value="#"
                            var="fila">
                
                <f:facet name="header">
                    <rich:columnGroup>
                        <rich:column width="90px">
                            <h:outputText value=" Cod Alumno" id="txtCodAlumno" />
                        </rich:column>
                        <rich:column width="30px">
                            <h:outputText value="Nombre y Apellido" id="txtNombreApellido" />
                        </rich:column>
                        <rich:column width="30px">
                            <h:outputText value="PC1" id="txtPc1" />
                        </rich:column>
                        <rich:column width="30px">
                            <h:outputText value="PC2" id="txtPc2" />
                        </rich:column>
                        <rich:column width="30px">
                            <h:outputText value="PC3" id="txtPc3" />
                        </rich:column>
                        <rich:column width="30px">
                            <h:outputText value="Promedio" id="txtPromedio" />
                        </rich:column>
                    </rich:columnGroup>
                </f:facet>
            </rich:dataTable>            

        </div>
        <div>
            <table>
                  <tr>
                     <td>
                         <a4j:commandButton style="margin-left:5px"
                                            id="btnRegistroNotas"
                                            value="Registrar" 
                             >
                             <rich:tooltip layout="block">
                                 Prueba
                             </rich:tooltip>    
                         </a4j:commandButton>
                         
                     </td>
                 </tr>               
            </table>
        </div>
    </form>
   </ui:define>  
 </ui:composition>
</html>

